import styled from 'styled-components'

const DetailWrap = styled.div`
  display: flex;
  flex-direction: column;
  height: 100%;
  img{
    width: 100%;
  }
  .details {
    text-align: center;
    h1 {
      margin-top: .18rem;
      font-size: .2rem;
    }
    h3 {
      font-weight: normal;
      color: #444;
      margin: .1rem 0;
    }
    button {
      width: 1.3rem;
      height: .44rem;
      background-color: #ee742f;
      font-size: .16rem;
      color: #fff;
      border: 0;
      border-radius: .06rem;
    }
  }
`

export {
  DetailWrap
}